// 专门用来配置 axios 的模块
import axios from 'axios'
// c重复导入相同的包或模块, 会复用之前缓存的结果
import Vue from 'vue'
import store from '@/store/'
import router from '@/router/'

// 配置请求根路径
axios.defaults.baseURL = 'http://www.liulongbin.top:3008'
// 把 axios 挂载到 Vue 的原型对象上
Vue.prototype.$http = axios

// 添加请求拦截器
axios.interceptors.request.use(function (config) {
  // 判断本次请求是否以 /my 开头, 决定是否加请求头
  if (config.url.startsWith('/my')) {
    config.headers.Authorization = store.state.token
  }
  // console.log(config)
  return config
}, function (error) {
  return Promise.reject(error)
})

// 响应拦截器
axios.interceptors.response.use(function (response) {
  // console.log('响应的结果是成功的， 触发了第一个回调')b
  return response
}, function (error) {
  // console.log('响应的结果是失败的， 触发了第二个回调')
  // console.dir(error)
  if (error.response.status === 401) {
    // 证明本次失败的原因是： token 无效导致的
    // 1. 立即清空无效的 token
    store.commit('updateToken', '')
    // 2. 跳转到登录页面
    router.push('/login')
  }
  return Promise.reject(error)
})
